<html>
<head>

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Wrapper HTML for App</title>

    <link type="text/css" rel="stylesheet" href="MySampleApplication.css">

    <!--                                            -->
    <!-- This script is required bootstrap stuff.   -->
    <!--                                            -->
    <script type="text/javascript" language="javascript"
            src="MySampleApplication/MySampleApplication.nocache.js"></script>
    <script language="javascript" type="text/javascript">
        function makeWidget() {
            var widget = {};
            widget.someVariable = "foo";
            widget.elem = document.createElement('div');
            widget.elem.onclick = function () {
                alert(widget.someVariable);
            };
            document.getElementById("slot1").appendChild(widget.elem);
        }
    </script>
</head>

<!--                                           -->
<!-- The body can have arbitrary html, or      -->
<!-- you can leave the body empty if you want  -->
<!-- to create a completely dynamic ui         -->
<!--                                           -->
<body>

<h1>Sample Application</h1>

<p>
    This is an example of a host page for the App application.
    You can attach a Web Toolkit module to any HTML page you like,
    making it easy to add bits of AJAX functionality to existing pages
    without starting from scratch.
</p>

<table align="center">
    <tr>
        <td id="slot1"></td>
        <td id="slot2"></td>
        <td id="slot3"></td>
    </tr>
</table>
</body>
</html>
